<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        
        // 函数的作用
        //    封装性，复用性

        // return的作用
        //   给返回一个执行结果 
        //   提前结束函数

        // 数组的长度   length

        // 判断数组的方法
        //    Array.isArray()
        //    []  instanceof Array

        // 拼接数组  concat

        // 数组转字符串   join

        // 截取数组   slice(i , j) 

        // 是否存在某个值   includes()   

        // display:none / visibility:hidden    是否占位置


    // 知识点回顾
    //  数组的声明的方式
    var arr = [1,2,3,4,5] ;
    var brr = ['a','b','c'] ;

    // Array 是一个函数  ()
    // var crr = new Array(一个参数表示长度，多个参数就表示数组中的值) ;


    // 数组的长度和下标   可读可写的
    //    length  数组里面存了多少个数据
    //    下标    0开始的

    // 数组的值的访问方式  ['a' , 'b' ,'c']
    //   使用下标来访问   arr[0]   arr[1]


    // 如果访问超过数组长度的下标，也不会报错   [1,2,3]   读取arr[100] 也不会报错  undefined


    // 数组的遍历
    //   for() 
    //   for in   遍历下标(字符串)   自动过滤掉空值 (undefined)
    //   for of   遍历值

    // 最大值和最小值

    // 封装了indexOf



    var arr = [4,3,2,1,5,6,7,4,3,4,6,3] ;
    console.log(arr.length);   // 读取数组的长度


    arr.length = 5 ;   // 改变数组的长度

    console.log(arr);



    console.log(arr[3]);   // 1

    arr[3] = 'hi' ;    
    console.log(arr[3]);   // hi


    console.log(arr[100]);



    </script>
    
</body>
</html>